<ng-container [ngSwitch]="chartType">
  <svg
    *ngSwitchCase="CHART_TYPE.Column"
    width="100%"
    height="100%"
    viewBox="0 0 300 150"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="100%" height="100%" fill="#f0f0f000" />
    <g>
      <rect x="20" y="75" width="20" height="50" fill="#e0e0e050" />
      <rect x="60" y="55" width="20" height="70" fill="#e0e0e050" />
      <rect x="100" y="95" width="20" height="30" fill="#e0e0e050" />
      <rect x="140" y="35" width="20" height="90" fill="#e0e0e050" />
      <rect x="180" y="65" width="20" height="60" fill="#e0e0e050" />
      <rect x="220" y="85" width="20" height="40" fill="#e0e0e050" />
    </g>
    <!-- X-axis -->
    <line x1="10" y1="125" x2="290" y2="125" stroke="#e0e0e050" stroke-width="2" />
    <!-- Y-axis -->
    <line x1="10" y1="125" x2="10" y2="10" stroke="#e0e0e050" stroke-width="2" />
    <!-- X-axis labels -->
    <text x="25" y="140" font-size="12" fill="#d0d0d050">A</text>
    <text x="65" y="140" font-size="12" fill="#d0d0d050">B</text>
    <text x="105" y="140" font-size="12" fill="#d0d0d050">C</text>
    <text x="145" y="140" font-size="12" fill="#d0d0d050">D</text>
    <text x="185" y="140" font-size="12" fill="#d0d0d050">E</text>
    <text x="225" y="140" font-size="12" fill="#d0d0d050">F</text>
  </svg>

  <svg *ngSwitchCase="CHART_TYPE.ColumnStacked"
    viewBox="0 0 100 100"
    xmlns="http://www.w3.org/2000/svg"
    width="100%"
    height="100%"
    xmlns:xlink="http://www.w3.org/1999/xlink"
  >
    <g
      class="ldl-scale"
      style="transform-origin: 50% 50%; transform: rotate(0deg) scale(0.8, 0.8); animation-play-state: paused"
    >
      <path
        fill="#333"
        d="M22 95H5V80h17v15zm0-41H5v22h17V54zm25 5H29v36h18V59zm0-30H29v26h18V29zm24 56H53v10h18V85zm-18-4h18V5H53v76zm25-6v20h17V75H78zm0-31v27h17V44H78z"
        style="fill: #e0e0e050; animation-play-state: paused"
      ></path>
    </g>
  </svg>

  <svg
    *ngSwitchCase="CHART_TYPE.Bar"
    width="100%"
    height="100%"
    viewBox="0 0 300 150"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="100%" height="100%" fill="#f0f0f000" />
    <g>
      <rect x="30" y="15" width="150" height="20" fill="#e0e0e050" />
      <rect x="30" y="45" width="170" height="20" fill="#e0e0e050" />
      <rect x="30" y="75" width="130" height="20" fill="#e0e0e050" />
      <rect x="30" y="105" width="190" height="20" fill="#e0e0e050" />
    </g>
    <!-- X-axis -->
    <line x1="30" y1="140" x2="290" y2="140" stroke="#e0e0e050" stroke-width="2" />
    <!-- Y-axis -->
    <line x1="30" y1="140" x2="30" y2="10" stroke="#e0e0e050" stroke-width="2" />
    <!-- Y-axis labels -->
    <text x="10" y="25" font-size="12" fill="#e0e0e050">A</text>
    <text x="10" y="55" font-size="12" fill="#e0e0e050">B</text>
    <text x="10" y="85" font-size="12" fill="#e0e0e050">C</text>
    <text x="10" y="115" font-size="12" fill="#e0e0e050">D</text>
  </svg>

  <svg
    *ngSwitchCase="CHART_TYPE.Pie"
    width="100%"
    height="100%"
    viewBox="0 0 120 120"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="100%" height="100%" fill="#f0f0f000" />
    <g transform="translate(60, 60)">
      <path d="M0,-50 A50,50 0 0,1 43.3,25 L0,0" fill="#d9d9d950" />
      <path d="M43.3,25 A50,50 0 0,1 -25,43.3 L0,0" fill="#f0f0f050" />
      <path d="M-25,43.3 A50,50 0 0,1 -50,0 L0,0" fill="#f5f5f550" />
      <path d="M-50,0 A50,50 0 0,1 -25,-43.3 L0,0" fill="#fafafa50" />
      <path d="M-25,-43.3 A50,50 0 0,1 43.3,-25 L0,0" fill="#e0e0e050" />
    </g>
  </svg>

  <svg
    *ngSwitchCase="CHART_TYPE.Doughnut"
    viewBox="0 0 100 100"
    xmlns="http://www.w3.org/2000/svg"
    width="100%"
    height="100%"
    xmlns:xlink="http://www.w3.org/1999/xlink"
  >
    <g
      class="ldl-scale"
      style="transform-origin: 50% 50%; transform: rotate(0deg) scale(0.8, 0.8); animation-play-state: paused"
    >
      <path
        fill="#333"
        d="M95 50c0 23.8-18 43.4-42 44.9V79.7c15.3-1.6 27-14.5 27-30.2S68.3 20.8 53 19.2V5.1C77 6.6 95 26.2 95 50zm-75-.5c0-4.2.9-8.3 2.4-12L9.7 30.1C6.7 36.3 5 43.1 5 50c0 23.8 18.6 43.4 42 44.9V79.6c-15.4-1.5-27-14.4-27-30.1zm27-30.2V5.1c-13.4.9-26.7 8.3-34.5 19.8l12.7 7.3c4.9-7.1 12.4-12 21.8-12.9z"
        style="fill: #e0e0e050; animation-play-state: paused"
      ></path>
    </g>
  </svg>

  <svg
    *ngSwitchCase="CHART_TYPE.Nightingale"
    viewBox="0 0 100 100"
    xmlns="http://www.w3.org/2000/svg"
    width="100%"
    height="100%"
    xmlns:xlink="http://www.w3.org/1999/xlink"
  >
    <g
      class="ldl-scale"
      style="transform-origin: 50% 50%; transform: rotate(0deg) scale(0.8, 0.8); animation-play-state: paused"
    >
      <path
        fill="#333"
        d="M60.1 22.9c7.4.4 14 3.3 19.4 8.1L60.1 50.6V22.9zm3.2 30.4h19.1c-.4-4.7-2.4-9.8-5.6-13.6L63.3 53.3zM81 75.2c4.3-5 6.9-11.1 7.3-17.8h-25L81 75.2zM60.1 90.6c8.1-.5 15.3-3.5 21.2-8.9L60.1 60.4v30.2zm-4 4.4V60.4L31.8 84.9C38.5 91 47.3 94.5 56.1 95zM15.3 57.3c.5 10.1 4.4 19.7 11.2 27.3l27.1-27.3H15.3zM24 23.4c-7.5 8.2-11.8 19.1-12.3 29.9h41.9L24 23.4zM56.1 5c-11.4.5-23.2 5.2-32 13.4l32 32.2V5z"
        style="fill: #e0e0e050; animation-play-state: paused"
      ></path>
    </g>
  </svg>

  <svg
    *ngSwitchCase="CHART_TYPE.Waterfall"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 100 100"
    width="100%"
    height="100%"
  >
    <path d="M95 5v66.6H62v-19H43V20.9h-4.9v58.2H18.7V95H5V77.1h19V18.9h33v31.7h19v19h5.1V5H95z" fill="#e0e0e050" />
  </svg>

  <svg *ngSwitchCase="CHART_TYPE.Line" viewBox="0 0 400 300" width="100%" height="100%">
    <!-- X-axis -->
    <line x1="50" y1="250" x2="350" y2="250" stroke="#e0e0e050" stroke-width="2" />

    <!-- Y-axis -->
    <line x1="50" y1="50" x2="50" y2="250" stroke="#e0e0e050" stroke-width="2" />

    <!-- Data points -->
    <circle cx="100" cy="200" r="10" fill="#e0e0e050" />
    <circle cx="150" cy="150" r="10" fill="#e0e0e050" />
    <circle cx="200" cy="100" r="10" fill="#e0e0e050" />
    <circle cx="250" cy="175" r="10" fill="#e0e0e050" />
    <circle cx="300" cy="125" r="10" fill="#e0e0e050" />

    <!-- Connect data points with lines -->
    <polyline points="100,200 150,150 200,100 250,175 300,125" fill="none" stroke="#e0e0e050" stroke-width="2" />
  </svg>

  <svg *ngSwitchCase="CHART_TYPE.Area" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="100%" height="100%">
    <defs>
      <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
        <stop offset="0%" style="stop-color:#e0e0e0;stop-opacity:0.8" />
        <stop offset="100%" style="stop-color:#e0e0e0;stop-opacity:0.1" />
      </linearGradient>
    </defs>
    <polyline fill="none" stroke="#e0e0e050" stroke-width="2"
      points="10,90 40,60 70,80 100,20 130,50 160,70 190,30"/>
    <polyline fill="url(#grad1)" stroke-width="0"
      points="10,90 40,60 70,80 100,20 130,50 160,70 190,30 190,100 10,100"/>
    <circle cx="10" cy="90" r="2" stroke="#e0e0e050" stroke-width="1" fill="#e0e0e050" />
    <circle cx="40" cy="60" r="2" stroke="#e0e0e050" stroke-width="1" fill="#e0e0e050" />
    <circle cx="70" cy="80" r="2" stroke="#e0e0e050" stroke-width="1" fill="#e0e0e050" />
    <circle cx="100" cy="20" r="2" stroke="#e0e0e050" stroke-width="1" fill="#e0e0e050" />
    <circle cx="130" cy="50" r="2" stroke="#e0e0e050" stroke-width="1" fill="#e0e0e050" />
    <circle cx="160" cy="70" r="2" stroke="#e0e0e050" stroke-width="1" fill="#e0e0e050" />
    <circle cx="190" cy="30" r="2" stroke="#e0e0e050" stroke-width="1" fill="#e0e0e050" />
  </svg>
  
  <svg *ngSwitchCase="CHART_TYPE.Sunburst" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
    <g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(0.8, 0.8);animation-play-state:paused">
      <path fill="#e0e0e050" d="M30.7 22.5l.9-.6 1.5-.9c.3-.2.6-.4 1-.5.4-.2.7-.4 1.1-.6.4-.2.9-.4 1.3-.6.4-.2.9-.4 1.3-.5.4-.2.8-.3 1.2-.4.3-.1.7-.2 1-.3.6-.2 1.3-.4 1.9-.5.3-.1.5-.1.8-.2.7-.2 1.4-.3 2.2-.4.2 0 .3 0 .5-.1.7-.1 1.4-.2 2.1-.2h.3V5C37 5.5 27.2 9.8 19.7 16.6l8.2 8.2c.1-.1.3-.2.5-.4.4-.3.8-.6 1.1-.9.4-.4.8-.7 1.2-1z" />
      <path fill="#e0e0e050" d="M47.1 83.4c-.2 0-.5 0-.7-.1-.3 0-.6-.1-.9-.1-.2 0-.5-.1-.7-.1-.3 0-.6-.1-.9-.2-.2 0-.5-.1-.7-.1-.3-.1-.6-.1-1-.2-.2-.1-.4-.1-.6-.1-.4-.1-.7-.2-1-.3-.2-.1-.3-.1-.5-.1-.5-.2-1-.3-1.5-.5-.1-.1-.3-.1-.4-.2-.4-.1-.7-.3-1.1-.4l-.6-.3c-.3-.1-.6-.3-.9-.4L35 80c-.3-.1-.5-.3-.8-.4-.2-.1-.4-.2-.6-.4-.2-.1-.5-.3-.7-.4-.2-.1-.4-.3-.6-.4-.2-.1-.5-.3-.7-.5-.2-.1-.4-.3-.6-.4-.2-.2-.5-.3-.7-.5-.2-.2-.4-.3-.6-.5-.2-.2-.4-.3-.6-.5-.2-.2-.4-.3-.6-.5-.2-.2-.4-.4-.6-.5-.2-.2-.4-.3-.6-.5l-.6-.6-.5-.5-.6-.6c-.2-.2-.3-.4-.5-.6-.2-.2-.4-.4-.5-.6-.2-.2-.3-.4-.5-.6-.2-.2-.3-.4-.5-.6-.2-.2-.3-.4-.5-.6-.2-.2-.3-.4-.5-.7-.1-.2-.3-.4-.4-.6-.2-.2-.3-.5-.4-.7-.1-.2-.3-.4-.4-.6-.1-.2-.3-.5-.4-.7-.1-.2-.2-.4-.4-.7-.1-.2-.3-.5-.4-.7-.1-.2-.2-.5-.3-.7-.1-.3-.2-.5-.3-.8-.1-.2-.2-.5-.3-.7-.1-.3-.2-.5-.3-.8-.1-.2-.2-.5-.3-.7-.1-.3-.2-.5-.3-.8-.1-.2-.2-.5-.2-.7-.1-.3-.2-.6-.2-.9-.1-.2-.1-.5-.2-.7-.1-.3-.1-.6-.2-.9-.1-.2-.1-.5-.2-.7-.1-.3-.1-.6-.2-.9 0-.2-.1-.5-.1-.7 0-.3-.1-.7-.1-1 0-.2-.1-.4-.1-.7 0-.4-.1-.7-.1-1.1v-.6V50v-1.7-.4c0-.4.1-.8.1-1.3v-.4c0-.4.1-.9.2-1.3v-.3c.1-.5.2-1 .3-1.4v-.1c1.2-5.8 3.8-11.1 7.8-15.5l-8.1-8.1C.7 37.2 1.2 64.7 18.3 81.8c.5.5 1 1 1.6 1.5.2.2.4.3.6.5.3.3.7.6 1.1.9.2.2.5.4.7.6.3.3.7.5 1 .8.3.2.5.4.8.6.3.2.6.5 1 .7.3.2.5.4.8.5.3.2.7.4 1 .6.3.2.6.3.8.5.3.2.7.4 1 .6.3.2.6.3.9.5.3.2.7.3 1 .5.3.1.6.3.9.4.3.2.7.3 1 .5.3.1.6.3.9.4.4.1.7.3 1.1.4l.9.3c.4.1.7.2 1.1.4l.9.3c.4.1.8.2 1.1.3.3.1.6.2.9.2l1.2.3c.3.1.6.1.9.2.4.1.8.2 1.2.2.3 0 .6.1.9.1.4.1.9.1 1.3.2.3 0 .5.1.8.1.5 0 1 .1 1.5.1h.7V83.4h-.8z" />
      <path fill="#e0e0e050" d="M20.7 47.1c0 .5-.1.9-.1 1.4V52c0 .3 0 .7.1 1 0 .2 0 .4.1.6 0 .3.1.6.1.9 0 .2.1.4.1.6 0 .3.1.5.1.8 0 .2.1.4.1.6.1.3.1.5.2.8.1.2.1.4.2.6.1.2.1.5.2.7.1.2.1.4.2.6.1.2.2.5.2.7.1.2.2.4.2.6.1.2.2.5.3.7l.3.6c.1.2.2.4.3.7l.3.6.3.6.3.6c.1.2.2.4.4.6.1.2.2.4.4.6.1.2.2.4.4.6.1.2.3.4.4.6.1.2.3.4.4.6.1.2.3.4.4.6.1.2.3.4.4.5.1.2.3.4.4.5.1.2.3.3.4.5l.5.5.5.5.5.5.5.5.5.5c.2.2.3.3.5.4.2.2.4.3.5.5.2.1.4.3.5.4.2.1.4.3.6.4.2.1.4.3.6.4.2.1.4.3.6.4.2.1.4.3.6.4.2.1.4.2.6.4.2.1.5.3.7.4.3.2.6.3.9.5.3.1.5.3.8.4l.6.3c.2.1.5.2.7.3.2.1.4.2.6.2.2.1.5.2.7.3.2.1.4.1.6.2.2.1.5.2.7.2.2.1.4.1.6.2.2.1.5.1.7.2.2.1.4.1.6.2.3.1.5.1.8.2.2 0 .4.1.6.1.3 0 .5.1.8.1.2 0 .4.1.6.1.3 0 .5.1.8.1.2 0 .4 0 .6.1h.5V67.7C38.9 66.7 32 59.1 32 50s7-16.6 15.8-17.7V20.7h-.4c-.3 0-.5 0-.8.1-.2 0-.4 0-.6.1-.3 0-.6.1-.9.1-.1 0-.3.1-.4.1-.3.1-.7.1-1 .2-.1 0-.2 0-.3.1l-1.2.3h-.1c-11.4 3.1-20.2 13.2-21.4 25.4z"/>
      <path fill="#e0e0e050" d="M83.3 80.2c7.1-7.8 11.1-17.6 11.6-28.1H83.5c-.5 7.5-3.4 14.4-8.3 20l8.1 8.1z" />
      <path fill="#e0e0e050" d="M79.2 52.1H67.6c-1 8.1-7.4 14.6-15.6 15.6v11.6h.4c.2 0 .5 0 .7-.1.2 0 .4 0 .6-.1.3 0 .6-.1.9-.1.1 0 .2 0 .4-.1 13.1-2.3 23.2-13.3 24.2-26.8z"/>
      <path fill="#e0e0e050" d="M52 16.5c.3 0 .6 0 .8.1.2 0 .4 0 .6.1.4 0 .8.1 1.2.1.2 0 .3 0 .5.1.5.1 1.1.2 1.6.3h.1l1.5.3c.2 0 .3.1.5.1.3.1.7.2 1 .3.2.1.4.1.6.2l.9.3c.2.1.4.2.6.2l.9.3.6.3c.3.1.5.2.8.4l.6.3c.3.1.5.3.8.4l.6.3c.3.1.5.3.8.4.2.1.4.2.6.4.2.2.5.3.7.5.2.1.4.3.6.4.2.2.5.3.7.5.2.1.4.3.5.4.2.2.5.4.7.6.2.1.3.3.5.4.3.2.5.4.8.7.1.1.3.2.4.4.4.3.7.7 1 1l.1.1 1 1c.1.1.2.3.4.4.2.3.4.5.7.8.1.2.3.3.4.5.2.2.4.5.6.7.1.2.3.4.4.5.2.2.3.5.5.7.1.2.3.4.4.6.2.2.3.5.5.7.1.2.2.4.4.6.1.2.3.5.4.8l.3.6c.1.3.3.5.4.8l.3.6c.1.3.2.5.4.8l.3.6.3.9c.1.2.2.4.2.6l.3.9c.1.2.1.4.2.6.1.3.2.7.3 1 0 .2.1.3.1.5l.3 1.5v.1c.1.5.2 1.1.3 1.6 0 .2 0 .3.1.5.1.4.1.8.1 1.2 0 .2 0 .4.1.6 0 .3.1.6.1.8H95C93.8 24.7 75.2 6.1 52 5v11.5z"/>
      <path fill="#e0e0e050" d="M52 32.3c8.1 1 14.6 7.4 15.6 15.6h11.6v-.5c0-.2 0-.4-.1-.6 0-.3-.1-.6-.1-.9 0-.2 0-.4-.1-.6 0-.3-.1-.6-.2-.9 0-.2-.1-.3-.1-.5-.1-.3-.1-.7-.2-1 0-.1-.1-.3-.1-.4-.1-.4-.2-.9-.4-1.3 0-.1-.1-.3-.1-.4l-.3-.9c-.1-.2-.1-.4-.2-.6-.1-.2-.2-.5-.3-.7l-.3-.6c-.1-.2-.2-.4-.3-.7l-.3-.6-.3-.6-.3-.6-.3-.6-.3-.6c-.1-.2-.2-.4-.4-.6-.1-.2-.2-.4-.4-.6-.1-.2-.3-.4-.4-.5-.1-.2-.3-.4-.4-.5-.1-.2-.3-.4-.4-.5-.1-.2-.3-.4-.4-.5-.1-.2-.3-.3-.4-.5-.1-.2-.3-.3-.4-.5l-.5-.5-.9-.9-.5-.5c-.2-.2-.3-.3-.5-.4-.2-.1-.3-.3-.5-.4-.2-.1-.4-.3-.5-.4-.2-.1-.3-.3-.5-.4-.2-.1-.4-.3-.5-.4-.2-.1-.4-.3-.5-.4-.2-.1-.4-.3-.6-.4-.2-.1-.4-.2-.6-.4l-.6-.3-.6-.3-.6-.3-.6-.3-.6-.3c-.2-.1-.4-.2-.7-.3l-.6-.3c-.2-.1-.5-.2-.7-.3-.2-.1-.4-.1-.6-.2l-.9-.3c-.1 0-.3-.1-.4-.1-.4-.1-.9-.3-1.3-.4-.1 0-.3-.1-.4-.1-.3-.1-.6-.2-1-.2-.2 0-.3-.1-.5-.1-.3-.1-.6-.1-.9-.2H54c-.3 0-.6-.1-.9-.1-.2 0-.4 0-.6-.1H52v11.5z" />
      <path fill="#e0e0e050" d="M71.7 75.4c-.4.3-.8.6-1.1.9l-1.2.9c-.3.2-.7.5-1 .7-.3.2-.7.5-1 .7-.5.3-1 .6-1.5.8l-1.2.6c-.3.2-.6.3-.9.4-.6.3-1.1.5-1.7.7-.4.1-.7.3-1.1.4-.3.1-.7.2-1 .3-.6.2-1.3.4-1.9.5-.3.1-.6.1-.8.2-.7.2-1.4.3-2.2.4-.2 0-.3 0-.5.1-.7.1-1.4.2-2.2.2h-.3V95c10.6-.5 20.5-4.6 28.3-11.8L72.2 75c-.2.2-.3.3-.5.4z" />
    </g>
  </svg>

  <svg *ngSwitchCase="CHART_TYPE.Heatmap" width="100%" height="100%" viewBox="0 -1.5 2253 2253" xmlns="http://www.w3.org/2000/svg">
    <rect height="2250" id="Heatmap" style="fill:none;" width="2250" x="1.288" y="0"/>
    <rect height="495.833" style="fill:#7F7F7F50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="134.621" y="133.333"/>
    <rect height="495.833" style="fill:#7F7F7F50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="630.454" y="133.333"/>
    <rect height="495.833" style="fill:#BFBFBF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="1126.29" y="133.333"/>
    <rect height="495.833" style="fill:#FFFFFF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="1622.12" y="133.333"/>
    <rect height="495.833" style="fill:#7F7F7F50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="134.621" y="629.167"/>
    <rect height="495.833" style="fill:#BFBFBF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="134.621" y="1125"/>
    <rect height="495.833" style="fill:#BFBFBF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="134.621" y="1620.83"/>
    <rect height="495.833" style="fill:#BFBFBF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="630.454" y="629.167"/>
    <rect height="495.833" style="fill:#BFBFBF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="630.454" y="1125"/>
    <rect height="495.833" style="fill:#BFBFBF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="630.454" y="1620.83"/>
    <rect height="495.833" style="fill:#BFBFBF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="1126.29" y="629.167"/>
    <rect height="495.833" style="fill:#BFBFBF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="1126.29" y="1125"/>
    <rect height="495.833" style="fill:#FFFFFF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="1126.29" y="1620.83"/>
    <rect height="495.833" style="fill:#FFFFFF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="1622.12" y="629.167"/>
    <rect height="495.833" style="fill:#FFFFFF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="1622.12" y="1125"/>
    <rect height="495.833" style="fill:#FFFFFF50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="1622.12" y="1620.83"/>
  </svg>
    
  <svg *ngSwitchCase="CHART_TYPE.Treemap" width="100%" height="100%" viewBox="0 -1.5 2253 2253" xmlns="http://www.w3.org/2000/svg">
    <rect height="2250" id="treemap_chart_colored" style="fill:none;" width="2250" x="1.288" y="0"/>
    <rect height="991.667" style="fill:#80808050;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="134.621" y="1125"/>
    <rect height="1487.5" style="fill:#7b7b7b50;stroke:#e0e0e050;stroke-width:66.67px;" width="991.667" x="1126.29" y="133.333"/>
    <rect height="991.667" style="fill:#7d7d7d50;stroke:#e0e0e050;stroke-width:66.67px;" width="991.667" x="134.621" y="133.333"/>
    <rect height="991.667" style="fill:#8e8e8e50;stroke:#e0e0e050;stroke-width:66.67px;" width="495.833" x="630.454" y="1125"/>
    <rect height="495.833" style="fill:#98989850;stroke:#e0e0e050;stroke-width:66.67px;" width="991.667" x="1126.29" y="1620.83"/>
  </svg>

  <svg *ngSwitchCase="CHART_TYPE.Scatter" width="100%" height="100%" viewBox="-1.5 0 2253 2253" xmlns="http://www.w3.org/2000/svg">
    <rect height="2250" id="scatterplot_sized_colored" style="fill:none;" width="2250" x="-0" y="0.295"/>
    <g>
      <path d="M287.5,387.795l-100,-200l-100,200l200,0Z" style="fill:#e0e0e050;"/>
      <path d="M1862.5,1962.8l200,100l-200,100l0,-200Z" style="fill:#e0e0e050;"/>
      <path d="M187.5,347.795l0,1715l1715,0" style="fill:none;stroke:#e0e0e050;stroke-width:66.67px;"/>
    </g>
    <circle cx="600" cy="1641.96" r="100" style="fill:#aaaaaa50;stroke:#e0e0e050;stroke-width:66.67px;"/>
    <circle cx="895.833" cy="979.462" r="200" style="fill:#66666650;stroke:#e0e0e050;stroke-width:66.67px;"/>
    <circle cx="1329.17" cy="1229.46" r="66.667" style="fill:#44444450;stroke:#e0e0e050;stroke-width:66.67px;"/>
    <circle cx="1645.83" cy="812.795" r="133.333" style="fill:#22222250;stroke:#e0e0e050;stroke-width:66.67px;"/>
  </svg>

  <svg *ngSwitchCase="CHART_TYPE.ThemeRiver" width="100%" height="100%" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(0.8, 0.8);animation-play-state:paused" ><path fill="#e0e0e050" d="M5.1 62.6l.8 3.9.8 3.2.9 2.3.8.9.9-.3.9-1.4.9-2.3.9-3 .9-3.3.9-3.4.9-3.2.9-2.9.9-2.5.9-1.9.9-1.3.9-.7.9-.1.9.4.9.9.9 1.3.9 1.6.9 1.8.9 2 .9 2.1.9 2.1.9 2 1 2 1 1.9 1 1.7 1 1.5 1 1.3 1 1.1 1 .9 1 .8 1 .6 1 .4 1 .3h2l1-.2 1-.3 1.1-.3 1.1-.4 1.1-.5 1.1-.5 1.1-.6 1.1-.6 1.1-.6 1.1-.6 1.1-.6 1.1-.6 1.1-.6 1.1-.5 1.1-.5 1.1-.5 1.1-.4 1.1-.4 1.2-.4 1.2-.3 1.2-.3 1.2-.3 1.2-.2 1.2-.2 1.2-.1 1.2-.2 1.2-.1 1.2-.1H76.4l1.2.1 1.3.1 1.3.1 1.3.1 1.3.1 1.3.1 1.3.1 1.3.1 1.3.1 1.3.1 1.3.2 1.3.2 1.3.1 1.7.2v15.4l-1.8-.5-1.3-.5-1.3-.5-1.3-.5-1.3-.5-1.3-.5-1.3-.5-1.3-.7-1.3-.5-1.3-.5-1.3-.5-1.1-.3-1.2-.4-1.2-.4-1.2-.4L74 72l-1.2-.3-1.2-.3-1.2-.3-1.2-.1-1.2-.1-1.2-.1-1.2-.1H62l-1 .2-1.2.1-1.1.2-1.1.3-1.1.3-1.1.3-1.1.4-1.2.5-1.1.4-1.1.5-1.1.5-1.1.5-1.1.5-1 .6-1.1.5-1 .5-1.1.4-1 .4-1 .3-1 .2-1 .2h-1l-1-.1-1-.2-1-.4-1-.5-1-.7-1-.8-1-1-1-1.1-1-1.2-1-1.3-1-1.3-.9-1.3-.9-1.3-.9-1.2-.9-1-.9-.8-.9-.5-.9-.1-1.1.4-.9.8-.9 1.4-.9 1.9-.9 2.4-.9 2.8-.9 3.2-.9 3.4-.9 3.4-.9 3.1-.9 2.6-1 1.7-.9.6-.9-.7-.8-2.1-.8-3.6-.8-4.8-.8-5.3.1-12.3zM14 16.5c1.3 3 2.3 4 4.4 5.5 1.8 1.2 4.5 1.1 6.5-.6 2-1.7 4.8-6.6 4.8-6.6l1-1.2 1-1.1 1-1 1-.8 1-.6 1-.5 1-.3 1-.2h1l1 .1 1 .2 1 .3 1 .3 1 .4 1 .5 1.1.5 1.1.5 1.1.6 1.1.6 1.1.6 1.1.5 1.1.5 1.1.5 1.1.5 1.1.4 1.1.4 1.1.4 1.1.3 1.1.2 1.1.2 1.1.2 1.2.1h4.8l1.2-.1 1.2-.2 1.2-.2 1.2-.2 1.2-.2 1.2-.3 1.2-.3 1.2-.4 1.3-.4 1.3-.4 1.3-.4 1.3-.5 1.3-.4 1.3-.4L87 13l1.3-.4 1.3-.5L91 11l1.3-.5 1.3-.5 1.4-.5v25.2l-1.5-.7-1.3-.7-1.3-.8-1.3-.8-1.4-.7-1.3-.8-1.3-.7-1.3-.7-1.3-.7-1.3-.6-1.3-.7-1.3-.6-1.1-.6-1.2-.6-1.2-.5-1.3-.5-1.2-.4-1.2-.4-1.2-.3-1.2-.2-1.2-.2-1.2-.1h-2.4l-1.2.1-1.2.2-1.2.3-1.1.4-1 .6-1.1.6-1.1.7-1.1.8-1.1.9-1.1 1-1.1 1.1-1.1 1.1-1.1 1.3-1.2 1.4-1.1 1.4-1.1 1.4-1.1 1.5-1.1 1.5-1.1 1.5-1.1 1.5-1 1.4-1 1.3-1 1.3-1 1.1-1 1-1 .9-1 .7-1 .4-1 .2h-1l-1-.3-1-.6-1-.9-1-1.2-.9-1.5-.9-1.5-.9-1.9-.9-2.1-.9-2.2-.9-2.2-1-2.3-.9-2.1-.9-2-.9-1.6-.9-1.3-.9-.9-.9-.4-.9.1-.9.6-.9 1.1-.9 1.6-.9 1.8-.9 2-.9 1.9-.9 1.8-.9 1.4-.9.9-.9.4h-.8l-.8-.4.2-13.2.9-5.9.9-5.2L8 10l.9-2.5.9-1 .9.3.9 1.4.9 2.3.9 2.8.6 3.2m-8.9 37c.3.4.5.9.6 1.3.2.7 1 3 1 3l1 4.3.8 3.1.2.5.6-1.4.9-2.9.9-3.3.9-3.4.9-3.3.9-2.9.9-2.5v-.2l.9-1.9.1-.1.1-.1.9-1.3.2-.3.2-.2.9-.7.4-.3.5-.1.9-.1.5-.1.5.2.5.2-.3-.6-.9-2.2-.9-2.1-.9-1.9-.8-1.5-.5-1.1-.5-.5h-.1l-.3.2-.6.7-.8 1.3-.8 1.7-1 2-.8 2-.9 1.8v.2l-.9 1.4-.1.2-.2.1-.9.9-.2.3-.4.1-.9.4s-.5.1-.6.1c-.1 0-1.2-.3-1.9-.5m55.3 14.5l1.2-.4 1.2-.3h.2l1.2-.3 1.2-.3 1.2-.2.5-.1c.6-.2 1.3-.4 1.9-.4h.9l.4-.1h.2l1.2-.1H78l1.3.1 1.3.1 1.2.1 1.2.1h.2l1.3.1 1.3.1 1.3.1 1.3.1 1.3.1 1.3.2 1.3.2.6.1 2.1.3V40.6l-2.1-.7-.3-.1-1.3-.7-1.3-.8-1.3-.8-1.3-.7-1.5-.8-1.3-.7-1.3-.7-1.2-.7-1.2-.6-1.2-.7-1.2-.6-1.2-.6-1.3-.6-1.2-.5-1.2-.5-1.2-.4-1.2-.4-1.1-.3-1.1-.2-1-.1-1-.1h-2.1l-1 .1-1 .2-1 .3-1 .4-1 .5-1 .6-1 .6-1 .8-1 .8-1 .9-1.1 1.1-1 1.1-1 1.2-1.1 1.3-1.1 1.3-1.1 1.4-1.1 1.4-1 1.5-1.1 1.5-1 1.5-1.3 1.4-1 1.3-1 1.3v.2l-1 1.1-1 1-1 .9-.1.1-.1.1-1 .7-.1.1-.2.1-1 .4-.2.1h-.2l-1 .2h-1.7l-.3-.1-1-.3-.2-.1-.2-.1-.9-.2.4.8.9 1.9.9 1.8.9 1.6.9 1.5.9 1.2.9 1 .8.8.8.6.8.4.8.3.7.2h1.6l.9-.1.9-.2.9-.3.9-.4 1-.5 1-.5 1.1-.6L49 64l1.1-.6 1.1-.6 1.1-.6 1.1-.6 1.1-.6 1.1-.5 1.1-.5 1.1-.5h.2l1.1-.4 1.3-.6zM44.6 91.3l1.1-.6 1-.6 1.1-.6 1.1-.6 1.1-.5 1.1-.5 1.1-.5 1.1-.5 1.1-.5 1.1-.4 1.1-.4 1.1-.3h.2L59 85h.2l1.1-.2 1.1-.2h2.7l1.2-.2 1.2.1H69l1.2.2 1.2.2 1.2.2 1.2.2h.2l1.2.3 1.2.3 1.2.3 1.2.3 1.3.4 1.3.4 1.3.4 1.3.4 1.3.4 1.2.5 1.3.4 1.3.5 1.3.4 1.3.5.2.1s1.7.5 2.4.8v-6.5c-.7-.2-1.7-.3-2.3-.7l-.1-.1-1.3-.5-1.3-.5-1.3-.5-1.3-.5-.7-.3-1.3-.5-1.3-.5-1.3-.5-1.3-.4-1.2-.4-1.2-.4-1.3-.4-1.2-.4-1.2-.4-1.2-.3-1.2-.3-1.2-.3-1.1-.2-1.1-.1-1.1-.2-1.1-.1-1.1-.1h-3.2l-1 .1-1.3.3-1.1.2-1 .2-1 .3-1.1.3-1 .4-1.1.4-1.1.4-1.1.5-1.1.5-1 .5-1.1.5-1.1.5-1.1.5-1.1.5-1.1.4-1 .4h-.2l-1 .3-1 .2h-.2l-1 .2H38.2l-1-.1H37l-1-.2h-.2l-1-.4h-.2l-1-.5-.1-.1-.3.1-1-.7-.1-.1H32l-1-.8h-.2l-1-1-1-1.1-1-1.2-1-1.3-1-1.3-.8-1.7-.9-1.2-.9-1.1-.8-.9-.7-.6-.4-.2H21l-.5.4-.7 1.1L19 73l-.9 2.3-.9 2.8-.9 3.2-.4 1.6.5-1 .1-.1.1-.1.9-1.2.2-.2.2-.2.9-.7.2-.4.3-.1.9-.3.5-.1.5.1.9.2.3.1.2.1.9.5.2.1.2.1.9.9.1.1.1.1.9 1.1v.2l.9 1.2 1 1.3.9 1.4.9 1.3.9 1.2.9 1.1.9 1 .9.8.8.7.8.5.8.4.8.3.8.2h.7l.8-.1.9-.1.9-.3.9-.3.9-.4 1-.5 1.3-.5z" ></path>
    </g></svg>

  <svg *ngSwitchCase="CHART_TYPE.Sankey" width="100%" height="100%" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" ><g class="ldl-scale"><path fill="#e0e0e050" d="M93.4 8.3V5H82.6c-4.9-.2-9 4.8-12.5 15.4C65 10.1 60.3 5 55.6 5h-49V29.9h10.8c4.2.1 8 2.4 11.6 7 4.3 6 9.5 9.1 15.5 9.2h10.8c1.5 0 3.2.9 5.2 3.8-1.9 2.9-3.7 3.8-5.1 3.8H44.6c-4.6 0-8.3-2.3-11.4-6.9l-.1-.1c-4.8-6.1-10-9.2-15.7-9.2H6.6V95h49c4.7-.5 8.7-7.3 12.7-21.9C71.8 88 76.4 95 82.5 95h10.8V37.4H82.6c-1.6-.2-3.1-1-4.7-2.6 2-4.2 3.7-5 4.6-5h10.8v-3.3l.1-18.2zM44.6 42.9c-5-.1-9.2-2.7-12.9-7.9-4.2-5.4-8.9-8.2-14.2-8.4V8.3h27.1v34.6zm0 48.8H17.5v-51c4.6.1 8.9 2.7 13.1 7.9 3.7 5.5 8.4 8.3 14 8.3v34.8zm10.8 0V57c2.5-.1 4.8-1.4 6.8-3.9 1.4 3 2.9 7.2 4.3 13-5.1 21.8-9.3 25.3-11.1 25.6zm27-50.9h.1v51c-3.2 0-7.9-4-12-23.2l-.6-2.4c-.6-2.5-1.2-4.7-1.8-6.8-1.2-3.8-2.4-7-3.8-9.4-.7-1.2-1.4-2.3-2.1-3.1-2.1-2.6-4.3-3.9-6.9-3.9V8.3h.1c2 0 6.3 2.1 12.4 15.4l.6 1.5c.7 1.7 1.4 3.3 2.1 4.7 1.1 2.2 2.3 4.1 3.4 5.6.8 1 1.6 1.9 2.5 2.7 2 1.5 4 2.4 6 2.6zm.1-14.1c-2.6 0-4.8 1.7-6.8 5.4-1.3-1.9-2.5-4.3-3.7-7.1 4.3-14.5 8.3-16.8 10.5-16.7v18.4z"></path>
    </g></svg>
</ng-container>
